.muse_scope {

  .i-layout-sider {
    &.i-layout-sider-dark {
      background: url('../../images/side-bg-r.jpg') no-repeat right bottom;
      background-size: cover;
      box-shadow: none;

      .ivu-layout-sider-children {
        .i-layout-menu-side.ivu-menu-dark {
          padding-top: 10px;
          padding-left: 10px;
          padding-right: 10px;
          .ivu-menu-opened {
            background: none;
            .ivu-menu-submenu-title {
              background: none;
            }
          }
          background: none;

          .ivu-menu-submenu-title,
          .ivu-menu-item {
            height: auto;
            .ivu-menu-submenu-title-icon {
              color: @menu-text-color;
            }
            .i-layout-menu-side-title {
              display: inline-flex;
              align-items: center;
            }

            //悬浮状态的提示效果
            &:hover {
              background: none;
              .i-layout-menu-side-title-icon {
                background-color: fadeout(@primary-color, 10%);
                color: #FFF;
              }
              .ivu-menu-submenu-title-icon {
                color: fadeout(@primary-color, 10%);
              }
            }
          }

          //二级菜单下面的文字版本菜单
          .ivu-menu {
            .ivu-menu-item {
              &:hover:not(.ivu-menu-item-selected) {
                .i-layout-menu-side-title-text {
                  color: @primary-color;
                }
                border-radius: 12px;
                background-color: fadeout(@primary-color, 90%) !important;
              }
              &.ivu-menu-item-selected {
                .i-layout-menu-side-title {
                  &::before {
                    height: 8px;
                    width: 8px;
                    background-color: #FFFFFF;
                    margin-right: 15px;
                    margin-top: -1px;
                  }
                }
              }
              .i-layout-menu-side-title {
                &::before {
                  content: ' ';
                  display: inline-flex;
                  height: 6px;
                  width: 6px;
                  border-radius: 2px;
                  background-color: @menu-text-color;
                  margin-right: 16px;
                  margin-top: -1px;
                }
              }
            }
          }
          
          //一般的显示状态
          .i-layout-menu-side-title-text {
            color: @menu-text-color;
          }
          //图标格子
          .i-layout-menu-side-title-icon {
            color: @primary-color;
            height: 32px;
            width: 32px;
            background-color: #FFF;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: @s-shadow;
            transition: all ease-in-out .2s;
          }
        }

        //选中的菜单
        .ivu-menu-item-selected {
          border-radius: 12px;
          background-color: @primary-color !important;
          box-shadow: @rad-shadow;
          &::before {
            content: none;
            display: none;
          }
          &:after {
            content: none;
            display: none;
          }
          .i-layout-menu-side-title-icon {
            background-color: #FFFFFF !important;
            color: @primary-color !important;
          }
          .i-layout-menu-side-title-text {
            color: #FFFFFF !important;
          }
          .ivu-menu-submenu-title-icon {
            color: #FFFFFF !important;
          }
        }

        //当前所在菜单的样式（非可展开的菜单）
        .ivu-menu-dark {
          .ivu-menu-item-active:not(.ivu-menu-submenu),
          .ivu-menu-submenu-title-active:not(.ivu-menu-submenu),
          .ivu-menu-item-active:not(.ivu-menu-submenu):hover,
          .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):hover {
            background: none;
          }
        }

        //侧边收起
        .i-layout-menu-side.ivu-menu-dark {
          &.i-layout-menu-side-collapse {
            padding-left: 10px;
            &.ivu-menu-vertical {
              .ivu-menu-item {
                padding-left: 0;
                padding-right: 0;
              }
            }
            &.ivu-menu-vertical {
              &.ivu-menu-submenu-title {
                padding-left: 0;
                padding-right: 0;
              }
            }
          }

          .ivu-dropdown {
            &.i-layout-menu-side-collapse-dark {
              .ivu-select-dropdown {
                padding: 4px;
                background-color: #FFF;
                margin: 0;
                .ivu-dropdown-menu {
                  .ivu-dropdown-item {
                    border-radius: 4px;
                    &.i-layout-menu-side-collapse-item-selected {
                      background-color: @primary-color;
                      .i-layout-menu-side-title {
                        &.i-layout-menu-side-title-with-collapse {
                          .i-layout-menu-side-title-text {
                            color: #FFF;
                          }
                        }
                      }
                    }
                    &:not(.i-layout-menu-side-collapse-item-selected) {
                      &:hover {
                        background-color: fade(@primary-color, 10%);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}